﻿<!DOCTYPE html>
<html>
<head>
<title>VIP卡办理</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div">
  <h3>VIP卡办理</h3>
  <ul>
    <li style="width:100%"> <span class="tit" style="width:70px;">选VIP卡：</span>
      <select id="vipCard_select" style="position:absolute;left:90px;top:0;width:227px;">
        <option value=""></option>
      </select>
    </li>
  </ul>
  <div style="margin:0;padding:0;" id="vue_vm_list">
    <div style="margin:0;padding:0;" v-for="todo in todos">
      <ul>
        <!--VIP卡资料-->
        <li><span class="tit" style="width:70px;"></span></li>
        <li style="width:150px;"><span style="color:#19A094;">{{todo.vipCardName}}</span></li>
        <li><span>户型：{{todo.houseTypeName}}</span></li>
        <li><span>{{todo.price}}元/年</span></li>
        <li><span>{{todo.useMonths}}个月</span></li>
        <li><span>可扣{{todo.buckleNumber}}天</span></li>
        <li><span>{{todo.pricePerDay}}元/天</span></li>
        <li><span>{{getSubsidizationText(todo.subsidization, todo.subsidizationValue)}}</span></li>
        <!--li><span>{{todo.consumptionWay}}</span></li>-->
        <li><span>保床折扣{{todo.discount}}%</span></li>
      </ul>
    </div>
  </div>
  
  <!--客户资料-->
  <div style="clear:both;"></div>
  <div style="margin:0;padding:0;" id="vue_vm">
    <ul>
      <!--购买份数-->
      <li><span class="tit" style="width:70px;">使用年限：</span></li>
      <li>
        <select style="width:110px;" v-model="data.durableYears">
          <option value="1">1年</option>
          <option value="2">2年</option>
          <option value="3">3年</option>
          <option value="4">4年</option>
          <option value="5">5年</option>
          <option value="6">6年</option>
          <option value="7">7年</option>
          <option value="8">8年</option>
          <option value="9">9年</option>
          <option value="10">10年</option>
        </select>
        <span>{{data.durableYears?'合计'+data.durableYears*data.priceYear+'元，':''}}</span>
        <span>{{data.durableYears?'一共'+data.durableYears*data.baseUseMonths+'个月，':''}}</span>
        <span>{{data.durableYears?'一共'+data.durableYears*365+'天':''}}</span>
      </li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">已用天数：</span></li>
      <li><span>
        <input type="text" placeholder="请输入已经使用的天数" style="width:300px;" v-model="data.deductNumber"/>
        </span><span>旧卡，已经被扣的天数，未使用的请填0</span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:100px;">剩余可扣：</span></li>
      <!--<li><span>{{getTotalSurplusMonths(data)?getTotalSurplusMonths(data):''}}个月</span><li><-->
      <li><span>{{getTotalBuckleNumber(data)?getTotalBuckleNumber(data):''}}天</span><li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">姓名：</span></li>
      <li><span>
        <input type="text" placeholder="请输入姓名" v-model="data.name" style="width:300px;"/>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">性别：</span></li>
      <li><span style="display:block;position:absolute;top:12px;left:0;">
        <input class="magic-radio" type="radio" name="sex" v-model="data.sex" id="s1" value="1"/>
        <label for="s1" class="label_txt" style="width:100px;">男</label>
        </span></li>
      <li><span style="display:block;position:absolute;top:12px;left:80px;">
        <input class="magic-radio" type="radio" name="sex" v-model="data.sex" id="s2" value="0"/>
        <label for="s2" class="label_txt" style="width:100px;">女</label>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">身份证号：</span></li>
      <li><span>
        <input type="text" placeholder="请输入身份证号" v-model="data.cardId" style="width:300px;"/>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">住址：</span></li>
      <li><span>
        <input type="text" placeholder="请输入家庭住址" v-model="data.liveAddress"style="width:300px;"/>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">手机：</span></li>
      <li><span>
        <input type="text" placeholder="请输入手机号" v-model="data.phoneNumber" style="width:300px;"/>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">邮箱：</span></li>
      <li><span>
        <input type="text" placeholder="请输入邮箱地址" v-model="data.email" style="width:300px;"/>
        </span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">状态：</span></li>
      <li><span style="display:block;position:absolute;top:12px;left:0;">
        <input class="magic-radio" type="radio" v-model="data.payCostStatus" id="st1" value="1"/>
        <label for="st1" class="label_txt" style="width:100px;">正在办理</label>
        </span></li>
      <li><span style="display:block;position:absolute;top:12px;left:80px;">
        <input class="magic-radio" type="radio" v-model="data.payCostStatus" id="st2" value="2"/>
        <label for="st2" class="label_txt" style="width:100px;">已经缴费</label>
        </span></li>
    </ul>
  </div>
  <div class="for_ie_div"><!--为兼容IE-->
    <ul>
      <li><span class="tit" style="width:70px;"></span></li>
      <li style="width:160px;">
        <input type="button" value="确认提交" class="button button1" onclick="save();" style="height:38px;"/>
      </li>
    </ul>
  </div>
</div>
<div style="clear:both;"></div>
<script src="js/common.js"></script> 
<script src="js/common_function.js"></script> 
<script src="js/busi/vip_card_select.js"></script> 
<script src="js/busi/user_vip_card.js"></script>
</body>
</html>